// 获取页面中的content元素，后续用于展示内容
const contentDiv = document.getElementById('content');
contentDiv.classList.add('content'); // 为contentDiv添加content类名，应用相关样式

// 定义字符型数组a1
//const a1 = ['爱', '就要', '勇敢', '说', '出来'];
const a1 = ['那一刻', '我以为', '可以', '永远', '在一起','但'];
// 定义普通字符类型a2
//const a2 = 'XXX💖XXX';
const a2 = '我们还可以再见吗';

// 按顺序展示数组a1元素的函数，每个元素展示2秒
function showArrayA1() {
    let index = 0;
    function showNextElement() {
        if (index < a1.length) {
            contentDiv.textContent = a1[index];
            index++;
            setTimeout(showNextElement, 2000);
        } else {
            setTimeout(() => {
                contentDiv.textContent = '';
                showArrayA2();
            }, 1000);
        }
    }
    showNextElement();
}

// 自定义函数，用于修改a1展示时的字体大小
function setA1FontSize(size) {
    contentDiv.style.fontSize = `${size}px`;
}

// 展示a2内容的函数，按照设定的CSS样式展示
function showArrayA2() {
    const p = document.createElement('p');
    p.textContent = a2;
    contentDiv.appendChild(p);
}

// 自定义函数，用于修改a2展示时的字体大小
function setA2FontSize(size) {
    const p = contentDiv.querySelector('p');
    if (p) {
        p.style.fontSize = `${size}px`;
    }
}

// 页面加载完成后执行展示逻辑
window.onload = function () {
    showArrayA1();
};